<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 优先使用chrome内核 开始-->
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 优先使用chrome内核 结束-->
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
    <title>乐同学 | How lucky to meet you!</title>
    <meta name="description" content="乐同学的个人主页，期待与更多的人相遇！How lucky to meet you!">
    <meta name="keywords" content="乐,乐同学,乐同学个人网,乐同学个人主页，乐导航，小导航">
    <link rel="apple-touch-icon-precomposed" href="images/avatar.bab2b7d4.jpeg">
    <link rel="stylesheet" type="text/css" href="css/h.9c69ed6c.css">
    <link rel="stylesheet" type="text/css" href="css/nekotora.99cf6f8c.css">
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137340638-1"></script>
    <!-- IE内核跳转请升级您的浏览器提示页面 开始-->
    <script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://support.dmeng.net/upgrade-your-browser.html?referrer=" + encodeURIComponent(window.location.href); </script>
    <!-- IE内核跳转请升级您的浏览器提示页面 结束-->
    <script>function a() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], a("js", new Date), a("config", "UA-137340638-1");</script>
    <script src="js/toastr.min.js"></script>
    <script src="js/page.3a0791a3.js"></script>
    <script type="text/javascript" src="js/stats.js" charset="UTF-8"></script>
</head>

<body onContextMenu="alert('你右键想干嘛？？'); return false"
    NOOP="if (window.event != null && window.event.button == 2) alert ('Thanks...');">
    <nav>
        <a href="#wenan">文案</a>
        <a href="#guanyu">关于</a>
        <a href="#my">联系我</a>
        <a href="#youlian">伙伴</a>
        <a href="#banquan">版权</a>
    </nav>

    <link href="css/toastr.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/toastr.min.css" rel="stylesheet">
    <script src="js/toastr.min.js"></script>

    <style>
        .toast-bottom-center {
            position: absolute;
            left: 30px;
            right: 10px;
            top: 20px;
        }
    </style>

    <div class="background">
        <canvas id="startrack"></canvas>
        <div class="cover"></div>
    </div>

    <div class="main" id="wenan">
        <div class="ch intro">
            <div class="container">
                <div class="hello">
                    <h1 id="slogan">思考中...</h1>
                    <h2>
                        <div class="circle"> <span></span> <span></span>
                            <span></span>
                        </div>乐 | 乐同学
                    </h2>
                </div>
            </div>
        </div>
        <div class="ch about" id="guanyu">
            <div class="container">
                <h2 class="chtitle">Who is <span>乐</span>？</h2>
                <div class="clear">
                    <div class="introduct">
                        <img class="avatar" src="https://q1.qlogo.cn/g?b=qq&nk=3528651414&s=640">
                        <p style="padding-bottom:1em;">How lucky to meet you!</p>
                        <P>坚硬的代替了那些柔软的，清晰的取代了那些模糊的。那些滑溜溜和黏糊糊的东西，带你来到了世界的角落。</p>
                        <p>你好，这里是乐同学的主页，20岁是一名学生，对有趣的世界和可能有趣的你感到好奇，热爱编程和网络设备，正在努力上学中。</p>
                        <p>希望能与你在比特之海的繁星之下相见！</p>
                        <div class="chatbox">
                            <div class="line loading"> <span></span>
                                <span></span> <span></span>
                            </div>
                        </div>
                    </div>
                    <ul class="skill clear">
                        <li>
                            <p>PHP</p>
                            <div class="progress">
                                <div style="width:50%;"></div>
                                <span>PHP语言使用程度的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>JavaScript/Typescript</p>
                            <div class="progress">
                                <div style="width:55%;"></div>
                                <span>使用JS的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>JAVA</p>
                            <div class="progress">
                                <div style="width:35%;"></div>
                                <span>使用JAVA的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>Python</p>
                            <div class="progress">
                                <div style="width:30%;"></div>
                                <span>使用Python的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>HTML5/CSS3</p>
                            <div class="progress">
                                <div style="width:60%;"></div>
                                <span>制作网站程度的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>热爱生活</p>
                            <div class="progress">
                                <div style="width:100%;">
                                </div><span>让自己舒服程度的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>世界</p>
                            <div class="progress">
                                <div style="width:100%;"></div>
                                <span>观测世界程度的能力</span>
                            </div>
                        </li>
                        <li>
                            <p>学习能力</p>
                            <div class="progress">
                                <div style="width:100%;"></div>
                                <span>高速学习能力</span>
                            </div>
                        </li>
                        <li>
                            <p>幽默</p>
                            <div class="progress">
                                <div style="width:80%;"></div>
                                <span>搞笑程度</span>
                            </div>
                        </li>
                        <li>
                            <p>搞事情</p>
                            <div class="progress">
                                <div style="width:50%;"></div>
                                <span>让事情发生程度的能力</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="find ch" id="my">
            <div class="container links">
                <h2 class="chtitle">通过以下方式联系<span>俺</span></h2>
                <div class="clear col-3">
                    <a href="https://www.test-ipv6.com/index.html.zh_CN" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#28a9e0"></div>
                            <div class="inner"> <span>IPV6测试站点</span> </div>
                        </div>
                    </a>
                    <a href="https://www.freebuf.com/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#28a9e0"></div>
                            <div class="inner"> <span>FreeBuf网络</span> </div>
                        </div>
                    </a>
                    <a href="https://818ps.com/shejiimg/831.html" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#28a9e0"></div>
                            <div class="inner"> <span>好看头像制作</span> </div>
                        </div>
                    </a>
                </div>
                <div class="clear">
                    <a href="https://user.qzone.qq.com/3239593407/infocenter" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#eeff00"></div>
                            <div class="inner"> <i class="icon-qq"></i>
                                <span>QQ</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://mail.qq.com/cgi-bin/frame_html?sid=JpnCWB22CRHvunsY&r=63465eb8a37b6bbc3ceb0e59359fae09&lang=zh"
                        style="text-decoration:none;" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#00ff80"></div>
                            <div class="inner"> <i class="icon-mail"></i> <span>Email</span> </div>
                        </div>
                    </a>
                    <a href="https://weibo.com/u/7518892205" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#e6162d"></div>
                            <div class="inner"> <i class="icon-weibo"></i> <span>Weibo</span> </div>
                        </div>
                    </a>
                    <a href="https://space.bilibili.com/1042878835?spm_id_from=333.1007.0.0" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#f9a2a8"></div>
                            <div class="inner"> <i class="icon-bilibili"></i>
                                <span>Bilibili</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://twitter.com/XiaoYuan55" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#b600ff"></div>
                            <div class="inner"> <i class="icon-twitter"></i> <span>Twitter</span> </div>
                        </div>
                    </a>
                    <a href="https://www.zhihu.com/people/5-20-16-5" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#eeff00"></div>
                            <div class="inner"> <i class="icon-zhihu"></i>
                                <span>知乎</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://ailongmiao.com/bangumi-tv/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#00ff80"></div>
                            <div class="inner"> <i class="icon-bookmark"></i> <span>Bangumi</span> </div>
                        </div>
                    </a> <a href="https://music.163.com/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#f12d35"></div>
                            <div class="inner"> <i class="icon-netease_music"></i>
                                <span>网易云音乐</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://gitee.com/explore" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#f9a2a8"></div>
                            <div class="inner"> <i class="icon-github"></i> <span>Gitee</span> </div>
                        </div>
                    </a>
                    <a href="/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#b600ff"></div>
                            <div class="inner"> <i class="icon-instagram"></i> <span>Instgram</span> </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="gate ch" id="youlian">
            <div class="container links">
                <h2 class="chtitle">乐的<span>伙伴</span>们</h2>
                <div class="clear"> <a href="https://www.kfdh.top/" target="_blank">
                        <div class="item">
                            <div class="avatar"> <img src="https://www.kfdh.top/favicon.ico"> </div>
                            <div class="inner">
                                <h5>KF导航网</h5>
                                <p>名站免费收录网站</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://idc.886la.cn/" target="_blank">
                        <div class="item akarin">
                            <div class="avatar"> <img src="images/paoluyun.png"> </div>
                            <div class="inner">
                                <h5>老实云服务器</h5>
                                <p>高速、稳定的云服务器</p>
                            </div>
                        </div>
                        <a href="https://xn--kbt444f.xbnb666.top/" target="_blank">
                            <div class="item">
                                <div class="avatar"> <img src="https://xn--kbt444f.xbnb666.top/img/ico.ico"> </div>
                                <div class="inner">
                                    <h5>小暴团队</h5>
                                    <p>专注于WEB前后端开发</p>
                                </div>
                            </div>
                        </a>
                    </a>    
                    <a href="http://www.kfjx.com/" target="_blank">
                        <div class="item">
                            <div class="avatar"> <img src="http://www.kfjx.com/images/logo.png"> </div>
                            <div class="inner">
                                <h5>开封技师学院</h5>
                                <p>站长所在学校</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            </a>
        </div>
    </div>

    <div class="footer ch" id="banquan">
        <div class="container">
            <h3>爱折腾的乐同学</h3>
            <p>蘑菇森林的尽头，新世界的起点</p>
        </div>
    </div>

    <audio src="https://api.uomg.com/api/rand.music?sort=热歌榜" id="audio"></audio>
	<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>

    <script src="js/sweetalert.min.js"></script>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/main.js"></script>

    <!-- 禁止F12操作 -->
    <!-- <script>
        document.onkeydown = function () {
            if (window.event && window.event.keyCode == 123) {
                alert("你F12想干嘛？？");
                event.keyCode = 0;
                event.returnValue = false;
            }
            if (window.event && window.event.keyCode == 13) {
                window.event.keyCode = 505;
            }
            if (window.event && window.event.keyCode == 8) {
                alert(str + "\n请使用Del键进行字符的删除操作！");
                window.event.returnValue = false;
            }
        }
    </script> -->
</body>

</html>